import styles from './index.less';

export default function PriceCondition() {
  return (
    <div className={styles.priceCondition}>
      <div className={styles.titles}>各版本价格对比</div>
      <table cellSpacing="0" cellPadding="0">
        <tr>
          <td rowSpan={2}>版本</td>
          <td style={{ fontSize: 23, fontWeight: 700 }} colSpan={7}>
            每条产线每年租赁费用
          </td>
        </tr>
        <tr>
          <td>1~20 条产线</td>
          <td>21~30 条产线</td>
          <td>31~40 条产线</td>
          <td>41~50 条产线</td>
          <td>51~60条产线</td>
          <td>60 条以上产线</td>
        </tr>
        <tr>
          <td>体验版</td>
          <td>免费试用</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>标准版</td>
          <td>￥{'1,980.00'}</td>
          <td>￥{'1,728.00'}</td>
          <td>￥{'1,584.00'}</td>
          <td>￥{'1,386.00'}</td>
          <td>￥{'1,188.00'}</td>
          <td className={styles.discount}>
            <div className={styles.halfDiscount}>五折</div>￥{'990.00'}
          </td>
        </tr>
      </table>
    </div>
  );
}
